/* 规范总体样式 */
body {
    word-break: break-word;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding: 0;
    color: #333;
    background-color: #eeeeee;
}

/* 导航栏位置 */
.main-header-box {
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    color: #909090;
    height: 4.2rem;
    min-width: 1024px;
    box-shadow: 0 1px 3px rgb(18 18 18 / 10%);
}

/* 导航栏布局样式 */
.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 93%;
    max-width: none;
    margin: 0 3%;
}

/* logo及标题位置 */
.left-side-nav {
    margin-left: 3%;
    margin-right: 7%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 55px;
    width: auto;
}

.logo-img {
    display: block;
    width: 55px;
    height: 55px;
    border-style: none;
}

.head-title {
    position: relative;
    color: #35312e;
    padding: 0 0.8rem;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 3px;
    margin: 0;
    white-space: nowrap;
}

/* 链接样式 */
a {
    text-decoration: none;
    cursor: pointer;
    color: #909090;
    margin: initial;
    background-color: transparent;
}

/* 主要菜单样式 */
.main-nav {
    height: 100%;
    flex: 1 0 auto;
}

.nav-list {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    flex-direction: row-reverse;
    height: 100%;
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.main-nav-list {
    display: flex;
    order: 99;
}

/* 网页端样式 */
.phone-hide {
    display: flex;
    align-items: center;
}

/* 首页&文章&资源&问答总样式 */
.nav-item {
    position: relative;
    cursor: pointer;
    color: #7d7d7d;
    padding: 0 0.8rem;
    font-size: 1.3rem;
    letter-spacing: 1px;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: baseline;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap;
}

/* 消除间距 */
.nav-item.link-item {
    padding: 0;
}

/* 布局:首页&文章&共享&交流链接 */
.phone-hide .nav-item.link-item a {
    display: inline-block;
    margin: 0 1.5rem;
    line-height: 3.3rem;
}

/* 导航栏登陆&注册布局(未登录) */
.right-side-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: #fdfdfd;
    position: relative;
    height: 60%;
    background-color: #346de1;
    border-radius: 20px;
    margin: 13px 5%;
    order: 0;
    /* display:none; */
}

.right-side-nav li a {
    font-size: 1.2rem;
    color: #fdfdfd;
}

.right-side-nav .login {
    align-items: center;
    padding: 0 0.1rem 0 0.5rem;
}

.right-side-nav .register {
    align-items: center;
    padding: 0 0.5rem 0 0.1rem;
}


/* 导航栏登陆&注册布局(已登录) */
.log-in {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fdfdfd;
    margin: 11px 5%;
    display: none;
}

.username {
    font-weight: 550;
    font-size: 1.3rem;
    color: #3b92ec;
}

/* 下列样式写在自己负责模块的第一行即可 */
/* 首页 
.index-a {
    color: #3a3a3b;
    border-bottom: 4px solid #3b92ec;
} 
文章
.article-a {
    color: #3a3a3b;
    border-bottom: 4px solid #3b92ec;
}
资源
.resource-a {
    color: #3a3a3b;
    border-bottom: 4px solid #3b92ec;
}
问答 
.interflow-a {
    color: #3a3a3b;
    border-bottom: 4px solid #3b92ec;
}*/